<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>query测试是否导入成功</title>
    <!-- 导入jquery -->
    <script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript">
        // 相当于window.onload
        $(function(){
            $("button").click(
                function () {
                    alert("helloWorld");
                    var $btn = $("button");
                    alert($btn.length);
                    // 使用数组下标来转为DOM对象
                    alert($btn[0].firstChild.nodeValue);

                    var btn = document.getElementById("btn");
                    // 使用$()进行包装将DOM对象转为jQuery对象
                    alert($(btn).text());
                }
            )
        })
    </script>
</head>
<body>
    <button id="btn">ClickMe</button>


</body>
</html>